<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>

<spring:url value="resources/js-framework/datatables/jquery.dataTables.css" var="jquery_dataTables_css"/>
<spring:url value="resources/js-framework/datatables/jquery.dataTables.min.js" var="jquery_dataTables_min_js"/>
<spring:url value="resources/js-framework/populate/jquery.populate.pack.js" var="jquery_populate_pack_js"/>
<spring:url value="resources/css/calendar.css" var="jquery_calender_css"/>
<spring:url value="resources/js-framework/weeklycalendar.js" var="jquery_weeklycalendar_js"/>
<spring:url value="resources/js-framework/jquery.weeklycalendar.css" var="jquery_weecalender_css"/>
<!-- DataTables CSS -->
<link href="${jquery_dataTables_css}" media="screen" rel="stylesheet" type="text/css"/>
<link href="${jquery_calender_css}" media="screen" rel="stylesheet" type="text/css"/>

<!-- DataTables -->
<script src="${jquery_dataTables_min_js}" type="text/javascript">
        <!-- required for FF3 and Opera -->
</script>
<script src="${jquery_weeklycalendar_js}" type="text/javascript">
        <!-- required for FF3 and Opera -->
</script>

<script src="${jquery_populate_pack_js}" type="text/javascript">
        <!-- required for FF3 and Opera -->
</script>

<script>

        // Wait until the DOM has loaded before querying the document
		$(document).ready(function(){
		$(".tab_div").hide();
			$('ul.tabs a').click(function () {
				$(".tab_div").hide().filter(this.hash).show();
				$("ul.tabs a").removeClass('active');
				$(this).addClass('active');
				return false;
			}).filter(':first').click();
			$('#addUpdate').click(function(){
				 $("ul.tabs a").removeClass('active');
				 $(".tab_div").hide().next("#tab2".hash).show();
				 $('a[href$="tab2"]').addClass('active');
			});
			$('#backToAct').click(function(){
				 $("ul.tabs a").removeClass('active');
				 $(".tab_div").hide().prev("#tab1".hash).show();
				 $('a[href$="tab1"]').addClass('active');
			});

			/*-----------delete row------------*/
			$('.remove').live("click", function(){
				 var conf=confirm("Are you sure you want to delete this row?");
				 if(conf){
					
					var rowID=$(this).parent().parent().attr('id');
					for(i=4; i<=10;i++){
						 var rowVal=$("table#tblActivity tbody tr#"+rowID).find("td:nth-child("+i+")").find("input[type=text]").val();
						 var totalVal=$("table#tblActivity tfoot tr").find("th:nth-child("+i+")").find("input[type=text]").val();
						 
						 //alert("total : "+totalVal);
						 $("table#tblActivity tfoot tr").find("th:nth-child("+i+")").find("input[type=text]").val(totalVal-rowVal);
					 }
					$(this).parents('tr').remove();
				 } else{
					return;
				 }
			});
			
			/*---------------commnets-----------------*/
			$('.comments').live("click", function(){
					$('.comments_div').fadeOut(200);
				 $(this).next('div').fadeIn(200);
				 
			});
			
			/*--------------comments close----------*/
			$('.btn').live("click" ,function(){
				 $(this).parent().parent('div').fadeOut(200);
			});
			
			/*--------------comments close----------*/
			/*--------------value of dates----------*/
				var WeeklyDateStart;
				var WeeklyDateEnd;
				
				$(".weeksel").live("click", function(){
					WeeklyDateStart = $('#WeeklyDateStart').val();
					WeeklyDateEnd = $('#WeeklyDateEnd').val();
					if(WeeklyDateStart != 0)
					{
						$('#tHours').fadeIn(200);
					}
				});
				
				
		});
		/*--------------javascript value of dates----------*/
		var WeeklyDateStart;
		                var WeeklyDateEnd;
		                                                                
		                $(".weeksel").live("click", function(){
		                WeeklyDateStart = $('#WeeklyDateStart').val();
		                WeeklyDateEnd = $('#WeeklyDateEnd').val();
		                                if(WeeklyDateStart != 0)
		                                                {
		                                                                $('#tHours').fadeIn(200);
		                                                }
		                });


		/*--------------value of dates end----------*/



		/*-------------------function for table scroll------------------------*/
	
		                                $(document).ready(function(){
		                                                /*-----------------function for container width---------------------*/
		                                                function containerWidth(){
		                                                                                var wWidth =  $('table.dataTable').width();
		                                                                                if($('table.dataTable').is(":visible")==true)
		                                                                                {
		                                                                                                $('.container').css('width', wWidth+262);
		                                                                                }
		                                                                                else 
		                                                                                                $('.container').css('width',100+"%" );      
		                                                                }
		                                                /*-----------------function for container width end------------------*/          
		                                                
		                                $(".tab_div").hide();
		                    $('ul.tabs a').click(function () {
		        $(".tab_div").hide().filter(this.hash).show();
		        $("ul.tabs a").removeClass('active');
		        $(this).addClass('active');
		                                containerWidth();                                            
		                                                return false;
		                                }).filter(':first').click();
		                                $('#update').click(function(){
		                                                $("ul.tabs a").removeClass('active');
		                                                $(".tab_div").hide().next("#tab2".hash).show();
		                                                $('a[href$="tab2"]').addClass('active');
		                                                containerWidth();
		                                                
		                                });
		                                });
</script>



<script type="text/javascript">
$(document).ready(function(){
	
	$('#addNewRow').live("click", function(){	
		
		var tempId=$("table#tblActivity tbody").find("tr").length+1;

var newRow="<tr title='rowData' id='row"+tempId+"'>";
	newRow+=" <td><select name='sel_row"+tempId+"_project' id='sel_row"+tempId+"_Project' class='chzn-select' style='width:150px;' tabindex='2'><option selected='selected'>Select</option><option>CPROJECTS ENHANCEMENTS</option><option>XCELLAPAY</option></select></td>";
    newRow+="<td valign='middle' align='center'>";
    newRow+="<select name='sel_row"+tempId+"_Activity' id='sel_row"+tempId+"_Activity'><option selected='selected'>Select</option><option value='ANA'>Analysis</option><option value='AS'>Application Server Act.</option><option value='DA'>Database Administration</option><option value='DES'>Design</option><option value='DM'>Database Management</option><option value='IMPL'>Implementation</option><option value='MEET'>Meeting</option><option value='MGT'>Management</option><option value='OTH'>Others</option><option value='PROG'>Progress</option><option value='REV'>Review</option><option value='SCM'>SCM</option><option value='SQA'>SQA</option><option value='TEST'>Testing</option><option value='TRA'>Training</option><option value='UC'>UseCase</option></select></td>";
    newRow+="<td valign='middle' align='center'><input type='text' name='input_row"+tempId+"_Module' id='input_row"+tempId+"_Module'></td>";
    newRow+="<td width='5%' valign='middle' align='left' class='sunT'>";
    newRow+="<div class='poRel'>";
    newRow+="<input type='text' name='txt_row"+tempId+"_Sun' id='txt_row"+tempId+"_Sun' class='small' value='' /><img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Sun' id='txtArea_row"+tempId+"_Comments_Sun' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' />";
    newRow+="<input type='button' value='Cancel' class='btn desCancel' />";
    newRow+="</div>";
    newRow+="</div>";
    newRow+="</div></td>";
    newRow+="<td width='5%' class='monT' valign='middle' align='left'><div class='poRel'>";
    newRow+="<input type='text' class='small' name='txt_row"+tempId+"_Mon' id='txt_row"+tempId+"_Mon' value='' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Mon' id='txtArea_row"+tempId+"_Comments_Mon' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' />";
    newRow+="<input type='button' value='Cancel' class='btn desCancel' />";
    newRow+="</div></div></div></td>";
    newRow+="<td width='5%' class='tueT' valign='middle' align='left'><div class='poRel'>";
    newRow+="<input type='text' class='small' name='txt_row"+tempId+"_Tue' id='txt_row"+tempId+"_Tue' value='' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Tue' id='txtArea_row"+tempId+"_Comments_Tue' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' />";
    newRow+="<input type='button' value='Cancel'  class='btn desCancel' />";
    newRow+="</div></div></div></td>";
    newRow+="<td width='5%' class='wedT' valign='middle' align='left'><div class='poRel'>";
    newRow+="<input type='text' class='small' name='txt_row"+tempId+"_Wed' id='txt_row"+tempId+"_Wed' value='' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Wed' id='txtArea_row"+tempId+"_Comments_Wed' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' /><input type='button' value='Cancel' class='btn desCancel' />";
    newRow+="</div></div></div></td>";
    newRow+="<td class='thuT' width='5%' valign='middle' align='left'><div class='poRel'>";
    newRow+="<input type='text' class='small' name='txt_row"+tempId+"_Thu' id='txt_row"+tempId+"_Thu' value='' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Thu' id='txtArea_row"+tempId+"_Comments_Thu' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
	newRow+="<div class='btns'><input type='button' value='Ok' class='btn' /><input type='button' value='Cancel' class='btn desCancel' /></div></div>";
    newRow+="</div></td>";
    newRow+="<td width='5%' valign='middle' align='left' class='friT'><div class='poRel'>";
    newRow+="<input type='text' class='small' name='txt_row"+tempId+"_Fri' id='txt_row"+tempId+"_Fri' value='' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Fri' id='txtArea_row"+tempId+"_Comments_Fri' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' />";
    newRow+="<input type='button' value='Cancel' class='btn desCancel' /></div></div></div></td>";
    newRow+="<td width='5%' valign='middle' align='left' class='satT'><div class='poRel'>";
    newRow+="<input type='text' class='small' value='' name='txt_row"+tempId+"_Sat' id='txt_row"+tempId+"_Sat' />";
    newRow+="<img src='resources/images/comments.png' width='16' height='16' class='comments' />";
    newRow+="<div class='comments_div'>";
    newRow+="<textarea name='txtArea_row"+tempId+"_Comments_Sat' id='txtArea_row"+tempId+"_Comments_Sat' cols='' rows=''></textarea>";
    newRow+="<div class='clear'></div>";
    newRow+="<div class='btns'>";
    newRow+="<input type='button' value='Ok' class='btn' /><input type='button' value='Cancel' class='btn desCancel' />";
    newRow+="</div></div></div></td>";
    newRow+="<td valign='middle' align='center'><img width='16' height='16' class='remove' src='resources/images/remove.png'></td>";
    newRow+="</tr>";

	$("#tblActivity tbody").append(newRow);
	
	$("#tblActivity tbody").find("tr:even").addClass("even");
	$("#tblActivity tbody").find("tr:odd").addClass("odd");
	
	
	});
	
	
});

$("table#tblActivity tbody").find("input[type=text]").live("change", function(){
		total=0;
	var clsName=$(this).parent().parent().attr('class');
	$("td."+clsName).find("input[type=text]").each(function(){
		total += Number($(this).val());
	});
	$("input#"+clsName+"tl").val(total);
});

function openMaintainance(date){
// 	getUserActivityById(id);
	displayMaintainance();
// 	var form = document.forms['frmSelect']; 
//     form.WeeklyDateStart.value="";
	
}

function getUserActivityById(id){
	$.getJSON("useractivitys",{find:"ByEmployeeId" , employeeId:id}, showProject);
}

function displayMaintainance(){
	$("#maitainanceId").css("display","inline-block");
	 $("ul.tabs a").removeClass('active');
	 $(".tab_div").hide().next("#tab2".hash).show();
	 $('a[href$="tab2"]').addClass('active');
}
buildWeeklyCalendar(0);
</script>

<div class="mid_section">
   <!--right section-->
            <div class="botMargin">
              <h1>User Activity</h1>
            </div>
            <div class="breadcrums"> <a class="breadcrumbslink" href="#">Employee Details</a> <img src="resources/images/imgBreadCrumsArrow.gif" width="10" height="11" /> <strong>Page Name</strong> </div>
            <div class="tab_seaction">
              <ul class='tabs'>
                <li><a href='#tab1'>List</a></li>
                <li><a href='#tab2'>Maintenance</a></li>
              </ul>
              <div id='tab1' class="tab_div">
                <div class="search_filter_outer">
                  <div class="search_filter">
                    <div class="designation"> <strong>DESIGNATION</strong> : Senior Developer </div>
                    <div class="btnIconView"> <a href="#" class="blue_link" id="view" > <img src="resources/images/view.png" width="14" height="14" /> View </a> </div>
                    <form id="frmSelectDt" name="frmSelectDt" method="post" action="" class="frmSelect">
                      <div> Select :
                        <select name="">
                          <option value="" selected="selected">Select</option>
                          <option value="January">January</option>
                          <option value="February">February</option>
                          <option value="March">March</option>
                          <option value="April">April</option>
                          <option value="May">May</option>
                          <option value="June">June</option>
                          <option value="July">July</option>
                          <option value="August" selected>August</option>
                          <option value="September">September</option>
                          <option value="October">October</option>
                          <option value="November">November</option>
                          <option value="December">December</option>
                        </select>
                        <select name="selectYear">
                          <option value="" selected="selected">Select</option>
                          <option value="2010">2010</option>
                          <option value="2011">2011</option>
                          <option value="2012" selected>2012</option>
                          <option value="2013">2013</option>
                          <option value="2014">2014</option>
                          <option value="2015">2015</option>
                        </select>
                        &nbsp;&nbsp; | </div>
                    </form>
                    <div class="clear"></div>
                  </div>
                  <div class="btns">
                    <input type="button" value="Add/Update"  id="addUpdate" />
                  </div>
                </div>
                <div class="tbl">
                  <table width="100%"  class="tablesorter" cellspacing="1" cellpadding="2">
                    <thead>
                      <tr>
                        <th width="1%" align="center" valign="middle">Project</th>
							<th width="4%" align="center" valign="middle">Module</th>
							<th width="8%" align="center" valign="middle">Activity</th>
							<th width="6%" align="center" valign="middle">Date</th>
							<th width="4%" align="center" valign="middle">Total (Hrs : Min)</th>
                      </tr>
                    </thead>
                    <tbody>
                     <c:forEach var="userActivity" items="${useractivitys}">
							<tr class="even" onclick="openMaintainance(${userActivity.activityDate});">
								<td align="center" id="projectName"><a href="#" >${userActivity.projectId.projectName}</a></td>
								<td align="center" valign="middle" id="moduleName">${userActivity.moduleId.moduleName}</td>
								<td align="center" valign="middle" id="activityName">${userActivity.activityId.activityName}</td>
								<td align="center" valign="middle">${userActivity.activityDate}</td>
								<td align="center" valign="middle">${userActivity.totalHrs}</td>
							</tr>
						</c:forEach>
                    </tbody>
                  </table>
                </div>
                <div class="clear"></div>
              </div>
              <div id='tab2' class="tab_div">
              <div class="search_filter_outer">
                <div class="search_filter">
                  <form id="frmSelect" name="frmSelect" method="post" action="" class="frmSearch">
                    <div class="stDtEnDt">
                      <label>Start Date :</label>
                      <span style="height: 131px">
                      <input type="text"  name="WeeklyDateStart" value="" id="WeeklyDateStart" size="35" maxlength="80" readonly="readonly" />
                      </span>&nbsp; &nbsp;
                      <label>End Date : </label>
                      <span style="height: 131px">
                      <input type="text"  name="WeeklyDateEnd" id="WeeklyDateEnd" size="35" maxlength="80" value="" readonly="readonly" />
                      </span>
                      <span>
                        <input type="button" value="..." onClick="w_displayCalendar('WeeklyDateStart','WeeklyDateEnd');" class="calendarIcon">
                      </span>
                      
                      </div>
                  </form>
                  <!--<div class="btnIconView"> <a href="#" class="blue_link" id="addViewUpdate"> <img src="resources/images/view_add.png" width="14" height="14" /> Add/View/Update </a> </div>-->
                  <div class="clear"></div>
                </div>
                </div>
                <div class="form" id="tHours" style="display:none;">
                <div  align="right" class="botMargin"><a href="javascript:void(0);" class="blue_link" id="addNewRow"> <img src="resources/images/addUser.gif" width="16" height="22" /> Add New </a> </div>
                <div class="clear"></div>
                  <div class="tbl">
                  
                  <form action="useractivitys" id="userActivityForm" name="userActivityForm">
                    <table width="100%"  class="tablesorter" cellspacing="1" cellpadding="2" id="tblActivity">
                      <thead>
                        <tr>
                          <th width="5%" rowspan="3" align="center" valign="middle">Project</th>
                          <th width="5%" rowspan="3" align="center" valign="middle">Activity</th>
                          <th width="5%" rowspan="3" align="center" valign="middle">Module</th>
                          <th colspan="7" align="center" valign="middle" width="81%">Week</th>
                          <th width="2%" rowspan="3" align="center" valign="middle">&nbsp;</th>
                        </tr>
                        <tr>
                          <th align="center" valign="middle">Sunday</th>
                          <th align="center" valign="middle">Monday</th>
                          <th align="center" valign="middle">Tuesday</th>
                          <th align="center" valign="middle">Wednesday</th>
                          <th align="center" valign="middle">Thursday</th>
                          <th align="center" valign="middle">Friday</th>
                          <th align="center" valign="middle">Saturday</th>
                        </tr>
                        <tr>
                          <th width="5%" align="center" valign="middle">8/5/2012</th>
                          <th width="5%" align="center" valign="middle">8/6/2012</th>
                          <th width="5%" align="center" valign="middle">8/7/2012</th>
                          <th width="5%" align="center" valign="middle">8/8/2012</th>
                          <th width="5%" align="center" valign="middle">8/9/2012</th>
                          <th width="5%" align="center" valign="middle">8/10/2012</th>
                          <th width="5%" align="center" valign="middle">8/11/2012</th>
                        </tr>
                      </thead>
                      <tfoot>
                        <tr>
                          <th colspan="3" align="right"> Total Hours : &nbsp; </th>
                          <th align="left"><input type="text" value="0" class="small" id="sunTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="monTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="tueTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="wedTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="thuTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="friTtl" readonly="readonly" /></th>
                          <th align="left"><input type="text" value="0" class="small" id="satTtl" readonly="readonly" /></th>
                          <th align="center">&nbsp;</th>
                        </tr>
                      </tfoot>
                      <tbody>
                           <tr id="row1" title="rowData" class="even">
  <td><select tabindex="2" style="width:150px;" class="chzn-select" id="sel_row1_Project" name="sel_row1_project">
      <option selected="selected">Select</option>
      <option>CPROJECTS ENHANCEMENTS</option>
      <option>XCELLAPAY</option>
    </select></td>
  <td valign="middle" align="center"><select id="sel_row1_Activity" name="sel_row1_Activity">
      <option selected="selected">Select</option>
      <option value="ANA">Analysis</option>
      <option value="AS">Application Server Act.</option>
      <option value="DA">Database Administration</option>
      <option value="DES">Design</option>
      <option value="DM">Database Management</option>
      <option value="IMPL">Implementation</option>
      <option value="MEET">Meeting</option>
      <option value="MGT">Management</option>
      <option value="OTH">Others</option>
      <option value="PROG">Progress</option>
      <option value="REV">Review</option>
      <option value="SCM">SCM</option>
      <option value="SQA">SQA</option>
      <option value="TEST">Testing</option>
      <option value="TRA">Training</option>
      <option value="UC">UseCase</option>
    </select></td>
  <td valign="middle" align="center"><input type="text" id="input_row1_Module" name="input_row1_Module"></td>
  <td width="5%" valign="middle" align="left" class="sunT"><div class="poRel">
      <input type="text" value="" class="small" id="txt_row1_Sun" name="txt_row1_Sun">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Sun" name="txtArea_row1_Comments_Sun"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="monT"><div class="poRel">
      <input type="text" value="" id="txt_row1_Mon" name="txt_row1_Mon" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Mon" name="txtArea_row1_Comments_Mon"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="tueT"><div class="poRel">
      <input type="text" value="" id="txt_row1_Tue" name="txt_row1_Tue" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Tue" name="txtArea_row1_Comments_Tue"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="wedT"><div class="poRel">
      <input type="text" value="" id="txt_row1_Wed" name="txt_row1_Wed" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Wed" name="txtArea_row1_Comments_Wed"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="thuT"><div class="poRel">
      <input type="text" value="" id="txt_row1_Thu" name="txt_row1_Thu" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Thu" name="txtArea_row1_Comments_Thu"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="friT"><div class="poRel">
      <input type="text" value="" id="txt_row1_Fri" name="txt_row1_Fri" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Fri" name="txtArea_row1_Comments_Fri"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td width="5%" valign="middle" align="left" class="satT"><div class="poRel">
      <input type="text" id="txt_row1_Sat" name="txt_row1_Sat" value="" class="small">
      <img width="16" height="16" class="comments" src="resources/images/comments.png">
      <div class="comments_div">
        <textarea rows="" cols="" id="txtArea_row1_Comments_Sat" name="txtArea_row1_Comments_Sat"></textarea>
        <div class="clear"></div>
        <div class="btns">
          <input type="button" class="btn" value="Ok">
          <input type="button" class="btn desCancel" value="Cancel">
        </div>
      </div>
    </div></td>
  <td valign="middle" align="center"><img width="16" height="16" src="resources/images/remove.png" class="remove"></td>
</tr> 
                      </tbody>
                    </table>
                    </form>
                  </div>
                </div>
                <div class="clear"></div>
                <div class="btns">
                  <input type="button" value="Submit" />
                  <input type="button" value="Back to Activity" id="backToAct" />
                </div>
              </div>
              
              <!--right section--> 
              </div>
</div>         
